  .bottomShow {
      animation: bottomShow 0.5s;
      -webkit-animation: bottomShow 0.5s;
      -o-animation: bottomShow 0.5s;
      -moz-animation: bottomShow 0.5s;
      -ms-animation: bottomShow 0.5s;
      animation-fill-mode: forwards;
    }

    @keyframes bottomShow {
      from {
        bottom: -100%;
      }
      to {
        bottom: 0;
      }
    }

    .bottomHide {
      animation: bottomHide 0.5s;
      -webkit-animation: bottomHide 0.5s;
      -o-animation: bottomHide 0.5s;
      -moz-animation: bottomHide 0.5s;
      -ms-animation: bottomHide 0.5s;
      animation-fill-mode: forwards;
    }

    @keyframes bottomHide {
      from {
        bottom: 0;
      }
      to {
        bottom: -100%;
      }
    }

  